@greybg:#bbbbbb;        //灰色背景
@yellowbg:#FED32C;
@font24:24rpx;
.tab-box{
    width: 720rpx;
    height: 50rpx;
    border-radius: 25rpx;
    margin: 10rpx auto;
    background-color: @greybg;
    .tab-item{
        width: 240rpx;
        height: 100%;
        border-radius: 25rpx;
        float: left;
        text-align: center;
        line-height: 50rpx;
        font-size: @font24;
    }
    .checked{
        background-color: @yellowbg;
    }
}


.signin-lists-box{
    width: 100%;
    .item-box{
        width: 690rpx;
        padding: 20rpx;
        height: 100rpx;
        margin: 10rpx auto;
        border-radius: 20rpx;
        .img-box{
            width: 100rpx;
            height: 100rpx;
            float: left;
        }
        .content-box{
            width: 400rpx;
            height: 100%;
            line-height: 100rpx;
            padding-left: 20rpx;
            float: left;
            font-size: 32rpx;
        }
        .iconbg{
            color:#23d100;
        }
        .iconbg1{
            color:#f52e2e;
        }
    }
    .bg{
        background-color: #FFEBEC;
    }
    .bg1{
        background-color: #7DBFFF;
    }
}